<template>
	<view class="listLeft">
		<view class="conLeft">
			<scroll-view scroll-y="true" enable-flex class="scroll-view">
				<view class="coetree" v-for="item in 20">
					<text class="conhj"><text class="name">XXXXXXXX</text> 进入了直播间</text>
				</view>
			</scroll-view>
		</view>
		<view class="inputD">
			<input placeholder="说点什么..." placeholder-style="color:#fff;"/>
		</view>
	</view>
</template>

<script>
	export default {
		name:"list",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.listLeft{
	margin-left: 10px ;
	color: #FFFFFF;
	// width: 200px;
	.conLeft{
		width: 100%;
		height: 100%;
	}
}
.scroll-view{
	// width: 100%;
	height:200px;
	
}
.coetree{
	margin-top: 18rpx;
	.conhj{
		font-weight: 400;
		font-size: 21rpx;
		background: rgba(102,102,102,0.5);
		padding: 10rpx;
		border-radius: 10rpx;
		margin-top: 10rpx;
		.name{
			color: #FC9227;
			margin-right: 25rpx;
		}
	}
}
.inputD{
	width: 200px;
	height: 51rpx;
	background-color: #666666;
	border-radius: 25px;
	opacity: 0.8;
	margin-top: 30rpx;
	input{
		width: 90%;
		margin: 0 auto;
		height: 100%;
		font-weight: 400;
		font-size: 21rpx;
		color: #FFFFFF;
	}
}
</style>

